<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@   taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html >
<html>
<head>
<base href="<%=basePath%>">
<meta charset="utf-8">

<title>Lexy - 发表文章</title>

<meta name="keywords" content="lexy,Lexyui,lexyui,lexy博客">
<meta name="description" content="lexy 博客站">
<meta name="author" content="lexy">
<meta name="robots" content="noindex, nofollow">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

<!-- Icons -->
<!-- The following icons can be replaced with your own, they are used by desktop and mobile browsers -->
<link rel="shortcut icon" href="plugins/v2/img/favicons/favicon.png">

<link rel="icon" type="image/png" href="plugins/v2/img/favicons/favicon-16x16.png" sizes="16x16">
<link rel="icon" type="image/png" href="plugins/v2/img/favicons/favicon-32x32.png" sizes="32x32">
<link rel="icon" type="image/png" href="plugins/v2/img/favicons/favicon-96x96.png" sizes="96x96">
<link rel="icon" type="image/png" href="plugins/v2/img/favicons/favicon-160x160.png" sizes="160x160">
<link rel="icon" type="image/png" href="plugins/v2/img/favicons/favicon-192x192.png" sizes="192x192">

<link rel="apple-touch-icon" sizes="57x57" href="plugins/v2/img/favicons/apple-touch-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="plugins/v2/img/favicons/apple-touch-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="plugins/v2/img/favicons/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="plugins/v2/img/favicons/apple-touch-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="plugins/v2/img/favicons/apple-touch-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="plugins/v2/img/favicons/apple-touch-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="plugins/v2/img/favicons/apple-touch-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="plugins/v2/img/favicons/apple-touch-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="plugins/v2/img/favicons/apple-touch-icon-180x180.png">
<!-- END Icons -->

<!-- Stylesheets -->
<!-- Web fonts -->
<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400italic,600,700%7COpen+Sans:300,400,400italic,600,700">

<!-- Page JS Plugins CSS -->
<link rel="stylesheet" href="plugins/v2/js/plugins/datatables/jquery.dataTables.min.css">


<!-- Bootstrap and OneUI CSS framework -->
<link rel="stylesheet" href="plugins/v2/css/bootstrap.min.css">
<link rel="stylesheet" id="css-main" href="plugins/v2/css/oneui.css">

<!-- You can include a specific file from css/themes/ folder to alter the default color theme of the template. eg: -->
<!-- <link rel="stylesheet" id="css-theme" href="plugins/v2/css/themes/flat.min.css"> -->
<!-- END Stylesheets -->


<style type="text/css">
.block-content.block-content-narrow {
	padding-left: 15%;
	padding-right: 15%;
}

.content {
	margin: 0 auto;
	padding: 10px 10px 1px;
	max-width: 100%;
	overflow-x: visible;
}

{
display


:


none
;


}
.modal-lg-file {
	width: 80% !important;
}

.block-content-image, .block-content-table {
	margin: 5px
}

.block-content-table {
	padding: 0px
}

.pc-file-stye-show, .mob-file-style-show {
	display: block
}

.pc-file-stye-hide, .mob-file-style-hide, .file-row-opera {
	display: none
}

.img-div {
	position: relative;
	width: 200px;
	height: 200px;
	overflow: hidden;
	display: inline-block;
}

.img {
	width: 200px;
	position: absolute;
	left: 50%;
	margin-left: -100px;
	margin-top: -30px;
}
</style>



</head>
<body>
	<!-- Page Container -->

	<div id="page-container" class="sidebar-l sidebar-o side-scroll header-navbar-fixed">

		<!-- Side Overlay-->
		<jsp:include page="com/_right_sidebar.jsp"></jsp:include>
		<!-- END Side Overlay -->

		<!-- Sidebar -->
		<jsp:include page="com/_left_sidebar.jsp"></jsp:include>
		<!-- END Sidebar -->


		<!-- Header -->
		<jsp:include page="com/_top_tools.jsp"></jsp:include>
		<!-- END Header -->





		<!-- Main Container -->
		<main id="main-container"> <!-- Page Header -->
		<div class="content bg-gray-lighter">
			<div class="row items-push">
				<div class="col-sm-7">
					<h1 class="page-heading">
						多媒体 <small>
							<button id="btn-upload" class="btn btn-default " type="button">
								<i class="fa fa-upload"></i> 上传
							</button>
							<button id="btn-upload-cancel" class="btn btn-danger hidden" type="button">
								<i class="fa fa-times"></i> 取消
							</button>
						</small>
					</h1>
				</div>
			</div>
		</div>
		<!-- END Page Header -->
		<div id="block-upload" class="content  block-rounded hidden" style="margin-bottom: 0">
			<div class="block">
				<div class="block-content">
					<jsp:include page="images_upload.jsp"></jsp:include>
				</div>
			</div>
		</div>

		<div class="block">
			<ul id="mediaTabs" class="nav nav-tabs nav-tabs-alt" data-toggle="tabs">
				<li class="active"><a href="#btabs-alt-static-home" name="tab1">列表模式</a></li>
				<li class=""><a href="#btabs-alt-static-profile" name="tab2">文件模式</a></li>
				<!-- <li class="pull-right">
                                        <a href="#btabs-alt-static-settings" data-toggle="tooltip" title="" data-original-title="Settings"><i class="si si-settings"></i></a>
                                    </li> -->
			</ul>
			<div class="block-content tab-content block-content-table">
				<div class="tab-pane active" id="btabs-alt-static-home">
					<!-- Page Content -->
					<div class="content">
						<!-- Dynamic Table Full -->
						<div class="block  block-content-table">
							<!-- <div class="block-header bg-gray-lighter">
							                                    <ul class="block-options">
							                                        <li>
							                                            <button type="button"><i  onclick="openModal()" class="si si-plus"></i></button>
							                                        </li>
							                                    </ul>
							                                    <h3 class="block-title">系统参数</h3>
					                                </div> -->
							<div class="block-content block-content-table ">
								<!-- DataTables init on table by adding .js-dataTable-full class, functionality initialized in js/pages/base_tables_datatables.js -->
								<table id="example" class="table table-bordered table-striped js-dataTable-full">
									<thead>
										<tr>
											<th class="" style="width: 7%">序号</th>
											<th class="text-center   hidden-xs" style="width: 10%">编号</th>
											<th class="text-center hidden-xs" style="width: 30%;">文件</th>
											<th class="text-center hidden-xs" style="width: 10%;">作者</th>
											<th class="text-center hidden-xs" style="width: 10%;">日期</th>
											<th class="text-center" style="width: 10%;">操作</th>
										</tr>
									</thead>
									</tbody>
								</table>
							</div>
						</div>
						<!-- END Dynamic Table Full -->
					</div>
					<!-- END Page Content -->




				</div>
				<div class="tab-pane " id="btabs-alt-static-profile">
					<div class="content">
						<div id="mob-file"></div>


						<div id="pc-file">
							<!-- <div class="img-container push-15 img-div" >
				                                        <img class="img"  src="admin/v2/images/thumb_2.png" alt="">
				                                        <div class="img-options">
				                                            <div class="img-options-content">
				                                                <h3 class="font-w400 text-white push-5"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">图像标题</font></font></h3>
				                                                <h4 class="h6 font-w400 text-white-op push-15"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">一些额外的信息</font></font></h4>
				                                                <a class="btn btn-sm btn-default" href="javascript:void(0)"><i class="fa fa-pencil"></i><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"> 编辑</font></font></a>
				                                                <a class="btn btn-sm btn-default" href="javascript:void(0)"><i class="fa fa-times"></i><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"> 删除</font></font></a>
				                                            </div>
				                                        </div>
				                                    </div> -->

									<div class="col-md-2">
										<!-- Music -->
										<div class="block block-rounded  block-bordered animated fadeIn" data-category="music">
											<div class="block-content block-content-full text-center mheight-100  img-div">
												<img class="img"  src="admin/v2/images/thumb_2.png" alt="">
												<!-- 
												<h3 class="h4 font-w300 text-black push-5">
													<font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Intro.mp3</font></font>
												</h3> 
												-->
												<span class="text-gray"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">2分钟| </font><font style="vertical-align: inherit;">384 kbps</font></font></span>
											</div>
										</div>
										<!-- END Music -->
									</div>
						</div>
					</div>

				</div>
			</div>
		</div>
	</div>

	</main>
	<!-- END Main Container -->

	<!-- Footer -->
	<footer id="page-footer" class="content-mini content-mini-full font-s12 bg-gray-lighter clearfix">
		<div class="pull-right">
			Crafted with <i class="fa fa-heart text-city"></i> by <a class="font-w600" href="http://goo.gl/vNS3I" target="_blank">pixelcave</a>
		</div>
		<div class="pull-left">
			<a class="font-w600" href="http://goo.gl/6LF10W" target="_blank">LexyUI 3.1</a> &copy; <span class="js-year-copy"></span>
		</div>
	</footer>
	<!-- END Footer -->
	</div>
	<!-- END Page Container -->

	<!-- Apps Modal -->
	<!-- Opens from the button in the header -->
	<div class="modal fade" id="apps-modal" tabindex="-1" role="dialog" aria-hidden="true">
		<div class="modal-sm modal-dialog modal-dialog-top">
			<div class="modal-content">
				<!-- Apps Block -->
				<div class="block block-themed block-transparent">
					<div class="block-header bg-primary-dark">
						<ul class="block-options">
							<li>
								<button data-dismiss="modal" type="button">
									<i class="si si-close"></i>
								</button>
							</li>
						</ul>
						<h3 class="block-title">应用</h3>
					</div>
					<div class="block-content">
						<div class="row text-center">
							<div class="col-xs-6">
								<a class="block block-rounded" href="http://lexy.ga/v2/admin" target="view_window">
									<div class="block-content text-white bg-default">
										<i class="si si-speedometer fa-2x"></i>
										<div class="font-w600 push-15-t push-15">后台系统</div>
									</div>
								</a>
							</div>
							<div class="col-xs-6">
								<a class="block block-rounded" href="http://lexy.ga" target="view_window">
									<div class="block-content text-white bg-modern">
										<i class="si si-rocket fa-2x"></i>
										<div class="font-w600 push-15-t push-15">前台网站</div>
									</div>
								</a>
							</div>
						</div>
					</div>
				</div>
				<!-- END Apps Block -->
			</div>
		</div>
	</div>
	<!-- END Apps Modal -->




	<!-- add/edit modal -->


	<div class="modal fade" id="modal-fadein" tabindex="-1" role="dialog" aria-hidden="true" style="display: none; height: 95%">
		<div class="modal-dialog modal-lg modal-lg-file" style="wodth: 80%; height: 80%">
			<div class="modal-content">
				<div class="block block-themed block-transparent remove-margin-b">
					<div class="block-header bg-primary-dark">
						<ul class="block-options">
							<li>
								<button data-dismiss="modal" type="button">
									<i class="si si-close"></i>
								</button>
							</li>
						</ul>
						<h3 class="block-title">
							<font style="vertical-align: inherit;"><font style="vertical-align: inherit;"><span id="modal-title">附件详情</span></font></font>
						</h3>
					</div>
					<div class="block-content" style="background-color: #f5f5f5">
						<div class="row">
							<div class="col-sm-8">
								<div class="block block-rounded" style="padding: 0px">
									<div class="block-content  block-content-image" style="width: 100%; height: 100%; text-align: center; padding: 0px">
										<div id="image-file">

											<!-- <img alt="" src="http://127.0.0.1:8080/Manager/admin/"> -->
										</div>
									</div>
								</div>
							</div>
							<div class="col-sm-4">
								<div class="block block-rounded block-bordered">
									<div class="block-header">
										<h3 class="block-title">附件信息</h3>
									</div>
									<div class="block-content">
										<p>Bordered block..</p>
									</div>
								</div>
							</div>
						</div>

					</div>
				</div>
				<div class="modal-footer">
					<button class="btn btn-sm btn-default" type="button" data-dismiss="modal">
						<font style="vertical-align: inherit;"><font style="vertical-align: inherit;">取消</font></font>
					</button>
					<button class="btn btn-sm btn-primary" type="button" onclick="insertSysEnums()">
						<i class="fa fa-check"></i><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"> 确定</font></font>
					</button>
				</div>
			</div>
		</div>
	</div>

	<!--  -->












	<!-- OneUI Core JS: jQuery, Bootstrap, slimScroll, scrollLock, Appear, CountTo, Placeholder, Cookie and App.js -->
	<script src="plugins/v2/js/core/jquery.min.js"></script>
	<script src="plugins/v2/js/core/bootstrap.min.js"></script>
	<script src="plugins/v2/js/core/jquery.slimscroll.min.js"></script>
	<script src="plugins/v2/js/core/jquery.scrollLock.min.js"></script>
	<script src="plugins/v2/js/core/jquery.appear.min.js"></script>
	<script src="plugins/v2/js/core/jquery.countTo.min.js"></script>
	<script src="plugins/v2/js/core/jquery.placeholder.min.js"></script>
	<script src="plugins/v2/js/core/js.cookie.min.js"></script>
	<script src="plugins/v2/js/app.js"></script>
	<script src="plugins/v2/js/pub.js"></script>

	<!-- Page JS Plugins -->
	<script src="plugins/v2/js/plugins/datatables/jquery.dataTables.min.js"></script>

	<!-- Page JS Code -->
	<script src="admin/v2/js/pages/page-media.js"></script>


	<script type="text/javascript">
        $(function(){
        		//初始化
        	 $('#mediaTabs a:last').tab('show');//初始化显示哪个tab  
        	 BaseTableDatatables.init();
        	 
        	 
        	
        	$('#mediaTabs a').click(function (e) {
        		  e.preventDefault();
        		  var tab = $(this).tab('show');
        		  
        		  var tabValue = $(this).attr("name");
        		  if("tab1"==tabValue){
        			  BaseTableDatatables.init();
        		  }else if("tab2"==tabValue){
        			  
        		  }
        		})
        	
        })
        
        
        function inintFileTableData(){
        	 BaseTableDatatables.init();
        }
        
        
        
        
        
        	
        	
        function insertSysEnums(){
        	var formVal = $("#sys-enums-form").serializeJsonStr();
        	var data = doPost("v2/admin/insertSysEnums" , "reqStr="+formVal);
        	alert(formVal);
        }
        
        function  openEditModal(id , fdirectory , fileName){
        	
        	
        	console.log(fdirectory);
        	console.log(fileName);
        	
        	var html = "<img alt='' style='vertical-align: middle;width:400px;' src='http://127.0.0.1:8080/FileManage/admin/"+fdirectory+"/"+fileName+"'>";
        	$("#image-file").empty();
        	$("#image-file").append(html);
        	$('#modal-fadein').modal('show');
       	}
        
        
        var sUserAgent = navigator.userAgent.toLowerCase();
        var pc=sUserAgent.match(/windows/i) == "windows";
        if(pc){
            console.log('当前是pc');
        }else{
            console.log('当前是phone');
        }
        </script>
</body>
</html>